import React, { Component } from 'react'
import {Button, Space, List} from 'antd-mobile';
import {AudioOutline} from 'antd-mobile-icons'
export default class AntdMobile extends Component {
    render() {
        return (
            <div>
                <h2>antd mobile 演示</h2>
                <Space>
                    <Button>我是一个按钮</Button>
                    <Button color='primary'>Primary</Button>
                    <Button color='success'>Success</Button>
                    <Button color='danger'>Danger</Button>
                    <Button color='warning'>Warning</Button>
                </Space>
                <h2>图标</h2>
                <AudioOutline style={{fontSize: '36px'}} />
                <h2>列表</h2>
                <List>
                    <List.Item>1</List.Item>
                    <List.Item>2</List.Item>
                    <List.Item>3</List.Item>
                </List>
            </div>
        )
    }
}
